<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common.jsp"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/WEB-INF/jsp/new/importHead.jsp"%>
<%@ include file="/WEB-INF/jsp/new/importCommonCss.jsp"%>
</head>
<body class="met-navfixed">
	<%@ include file="/WEB-INF/jsp/new/importHeader.jsp"%>
	
	<!-- body Start -->
	<!--页面主体-->
	<div class="swiper-container trunk-container">
	    <div class="swiper-wrapper">
	        <!--首页-->
	        <div class="swiper-slide slide1">
	            <div class="slide1Right">
	                <div class="swiper-container slide1RightBottom">
	                    <div class="swiper-wrapper">
		                    <div class="swiper-slide slide1RightBottom-slide">
		                    	<c:if test="${!empty about.description}">
			                    	<img src="${about.imagePath }" />
		                            <p>
			                        	<a href="${basePath }/about" target="_blank">
											${about.description }
										</a>
			                        </p>
		                    	</c:if>
								<p style="text-align: right;color: #ccc;text-decoration: underline;">
		                        	<a href="${basePath }/about" target="_blank">更多>></a>
		                        </p>
	                        </div>
	                    </div>
	                </div>
	            </div>
	        </div>
	        
	        <!--平台动态-->
	        <div class="swiper-slide slide2" data-hash="slide2">
	            <div class="slide2Content">
	                <div class="slide2ContentTop">
	                    <i></i> <span>平台动态</span> <a href="${basePath }/platform"><span class="more">更多»</span></a>
	                </div>
	                <div class="slide2ContentMiddle">
						<c:if test="${!empty platform}">
							<c:forEach items="${platform.records }" var="article" begin="0" end="2">
								<fmt:formatDate value="${article.insertTime}" pattern="MM月dd日" var="insertTime" />
								<div class="slide2ContentMiddleItem">
			                        <div class="label">${insertTime }</div>
			                        <img src="${article.imagePath }" />
			                        <p>
			                        	<a href="${basePath}/article/detail/${article.seqId }?type=platform" title="${article.title }" target="_blank">
											${article.title }
										</a>
			                        </p>
			                    </div>
							</c:forEach>
						</c:if>
	                </div>
	                <div class="slide2ContentBottom">
	                    <div class="swiper-container slide2ContentBottomLeft">
	                        <div class="swiper-wrapper">
	                            <c:if test="${!empty platform}">
		                            <c:forEach items="${platform.records }" var="article" begin="3">
										<div class="swiper-slide slide2ContentBottomLeft-slide">
			                                <a href="${basePath}/article/detail/${article.seqId }?type=platform" title="${article.title }" target="_blank">
			                                	<img src="${article.imagePath }" />
		                                	</a>
			                            </div>
									</c:forEach>
								</c:if>
	                        </div>
	                        <div class="swiper-pagination slide2ContentBottomLeft-pagination"></div>
	                    </div>
	                    <ul class="dynamicList">
	                        <c:if test="${!empty platform}">
								<c:forEach items="${platform.records }" var="article" begin="3">
									<fmt:formatDate value="${article.insertTime}" pattern="yyyy-MM-dd" var="insertTime" />
				                    <li class="dynamicItem">
				                    	<i></i>
				                    	<span>${insertTime}</span>
				                    	<a href="${basePath}/article/detail/${article.seqId }?type=platform" title="${article.title }" target="_blank">
											${article.title }
										</a>
				                    </li>
								</c:forEach>
							</c:if>
	                    </ul>
	                </div>
	            </div>
	        </div>
	        
	        <!--信息发布-->
	        <div class="swiper-slide slide3" data-hash="slide3">
	            <div class="slide3Content">
	                <div class="slide3ContentTop">
	                    <i></i> <span>信息发布</span> <a href="${basePath }/news"><span class="more">更多»</span></a>
	                </div>
	                <ul class="slide3ContentBottom">
						<c:if test="${!empty news}">
							<c:forEach items="${news.records }" var="article">
								<fmt:formatDate value="${article.insertTime}" pattern="yyyy-MM-dd" var="insertTime" />
								<li>
									<span>${insertTime }</span><i></i>
									<a href="${basePath}/article/detail/${article.seqId }?type=news" title="${article.title }" target="_blank">
										${article.title }
									</a>
								</li>
							</c:forEach>
						</c:if>
	                </ul>
	            </div>
	        </div>
	        
	        <!--权威解读-->
	        <div class="swiper-slide slide4" data-hash="slide4">
	            <div class="slide4Content">
	                <div class="slide4ContentTop">
	                    <i></i> <span>权威解读</span> <a href="${basePath }/authority"><span class="more">更多»</span></a>
	                </div>
	                <div class="slide4ContentBottom">
	                    <div class="swiper-container slide4ContentBottomLeft">
	                        <div class="swiper-wrapper">
	                            <c:if test="${!empty authority}">
		                            <c:forEach items="${authority.records }" var="article">
										<div class="swiper-slide slide4ContentBottomLeft-slide">
			                                <a href="${basePath}/article/detail/${article.seqId }?type=authority" title="${article.title }" target="_blank">
			                                	<img src="${article.imagePath }" />
		                                	</a>
			                                <p>
			                                	<a href="${basePath}/article/detail/${article.seqId }?type=authority" title="${article.title }" target="_blank">
			                                		${article.title }
			                                	</a>
			                                </p>
			                            </div>
									</c:forEach>
								</c:if>
	                        </div>
	                        <div class="swiper-pagination slide4ContentBottomLeft-pagination"></div>
	                    </div>
	                    <ul class="slide4ContentBottomRight">
	                        <c:if test="${!empty authority}">
	                            <c:forEach items="${authority.records }" var="article">
		                            <li class="slide4ContentBottomRightItem">
			                            <p class="title">
			                            	<a href="${basePath}/article/detail/${article.seqId }?type=authority" title="${article.title }" target="_blank">
		                                		${article.title }
		                                	</a>
		                                </p>
			                            <p class="content">${article.description }</p>
			                        </li>
								</c:forEach>
							</c:if>
	                    </ul>
	                </div>
	            </div>
	        </div>
	        
	        <!--项目推送-->
	        <div class="swiper-slide slide5" data-hash="slide5">
	            <div class="slide5Content">
	                <div class="slide5ContentTop">
	                    <i></i> <span>项目推送</span> <a href="${basePath }/push"><span class="more">更多»</span></a>
	                </div>
	                <div class="slide5ContentMiddle">
	                	平台重点任务，是征集、评估并向军方推送技术成果和项目，进入军方项目信息库和武器装备采购备选名单，
	                	并为承担国防科技重大专项任务提供途径。平台近期已受天津市科委委托，
	                	开展天津军民融合重详情大专项征集和推送工作，推送了500多项项目成果。
	                </div>
	                <div class="slide5ContentBottom">
	                    <p class="title">对接案例--深之蓝</p>
	                    <p>
	                    	天津深之蓝海洋设备科技有限公司（以下简称深之蓝）成立于2013年，总部位于天津开发区，
	                    	是国内第一家从事全系列水下机器人自主研发的高科技公司。公司主营小型化水下智能装备，
	                    	面向企业级用户提供无人遥控潜水器（ROV）、自主水下航行器（AUV）和水下滑翔机（Glider）产品及行业解决方案；
	                    	面向个人用户提供水面、水下运动及拍摄装备，如水下推进器动力浮板、水下无人机、智能冲浪板等产品。
	                    </p>
	                    <p>
	                    	公司获得了国家高新技术企业，
	                    	军工资质方面也取得了军工三证；并获得了多项国内大奖，寻找中国创客活动中获2017年度中国创客”，
	                    	荣获“融资中国先进制造产业最具投资价值公司等等。现公司已成长为了行业的领军企业。
	                    </p>
	                    <p>
	                    	通过平台的对接服务和积极推动，已成功进入军方的成果涉及
	                    </p>
	                    <p>
	                    	1）无人遥控潜水器（ROV）系列的产品有海豚”、“江豚”和“河豚，
	                    	作业水深最深可达到700米，可搭载上视摄像头、水下定位传感器、声呐和机械手等设备。
	                    </p>
	                    <p>
	                    	2）自主水下航行器（AUV）的“橙鲨“系列产品，对标产品为挪威 Kongsberg REMUS100产品口径220mm，
	                    	续航能力可达到10小时，目前已多次参加军方的演习、比测，并成功在第三届军民融合展亮相。
	                    </p>
	                    <p>
	                    	3）水下滑翔机（AUG）的“海翼产品。目前海翼创造了三项该领域的纪录，一是刷新了当时水下滑翔机最大下潜深度的世界纪录；
	                    	二是创造了中国水下滑翔机海上连续工作时间最长、航行距离最远、观测剖面数最多的新纪录；
	                    	三是在白令海公海区域成功布放我国自主研发的“海翼号水下滑翔机。
	                    </p>
	                    <div class="imageList">
	                        <img title="深之蓝" alt="深之蓝" src="${basePath}/image/one.png" /> <img title="深之蓝" alt="深之蓝" src="${basePath}/image/two.png" />
	                        <img title="深之蓝" alt="深之蓝" src="${basePath}/image/three.png" /> <img title="深之蓝" alt="深之蓝" src="${basePath}/image/four.png" />
	                        <img title="深之蓝" alt="深之蓝" src="${basePath}/image/five.png" /> <img title="深之蓝" alt="深之蓝" src="${basePath}/image/six.png" />
	                    </div>
	                </div>
	            </div>
	        </div>
	        
	        <!--项目征集-->
	        <c:if test="${empty otherLoginUser}">
	        <div class="swiper-slide slide6" data-hash="slide6">
	            <img src="${basePath}/image/xmzj_big.png" />
	            <img src="${basePath}/image/xmzj_little.png" />
	            <div class="slide6Content">
	            	<p>
	            	帮助企业培育并向军口推荐优质科技项目和成果是我们的职责，直接对接军口需求是我们的优势，
	            	如果您有好的成果和项目希望进入军用领域，或参与承担国家和天津科技军民融合重大专项，
	            	或希望得到平台提供的科技军民融合专项基金支持，请向我们提供相关项目信息详情可通过咨询平台服务电话
	            	</p>
	            	<p>
	            	${company.companyPhoneNumber }
	            	联系我们。填报前请先
	                <a href="${basePath }/otherLogin" style="color:#6482fd;">登录</a>
	                </p>
	            </div>
	        </div>
	        </c:if>
	    </div>
	    <!--页面主体swipe分页器-->
	    <div class="swiper-pagination trunk-pagination"></div>
	    <!--二维码-->
	    <div class="captcha">
	        <img src="${basePath}/image/captcha.jpg">
	    </div>
	</div>
	<!-- body End -->
	
	<%@ include file="/WEB-INF/jsp/new/importFooter.jsp"%>
	<%@ include file="/WEB-INF/jsp/new/importCommonJS.jsp"%>
	
<script>
    $(function(){
        var navigationItems = $(".navigationItem");
        var mores = $(".more");
        var moreListLeftItems = $(".moreListLeftItem");
        var moreListRightTopItem = $(".moreListRightTopItem");
        

    	var columnType = '${type}';
    	var $currentColumn = $("." + columnType);
    	var currentColumnIndex = 0;
    	if(!!$currentColumn){
    		currentColumnIndex = $currentColumn.parent().find("li").index($currentColumn[0]);
    	}

        //初始化主swipe
        var swipe = new Swiper('.trunk-container', {
        	initialSlide : currentColumnIndex,
            direction : 'vertical',
            slidesPerView : 1,
            spaceBetween : 50,
            mousewheel : true,
            speed : 1000,
            pagination : {
                el : '.trunk-pagination',
                clickable : true
            },
            on : {
                init : function(){},
                slideChangeTransitionStart : function(){
                    var index = this.activeIndex;
                    navigationItems.eq(index).addClass("active").siblings().removeClass("active");
                    if(index == 5){
                        $(".header").css("background", "url(image/dh_bg.png) 0 0 no-repeat");
                    } else {
                        $(".header").css("background", "none");
                    }
                },
                slideChangeTransitionEnd : function(){
                    var index = this.activeIndex;
                }
            }
        });

        //首页swipe
        /* var slide1RightBottomSwipe = new Swiper('.slide1RightBottom', {
            spaceBetween : 50,
            speed : 1000,
            navigation : {
                nextEl : ".slide1RightBottom-next",
                prevEl : ".slide1RightBottom-prev"
            },
            on : {
                init : function(){},
                slideChangeTransitionStart : function(){
                    var index = this.activeIndex;
                },
                slideChangeTransitionEnd : function(){
                    var index = this.activeIndex;
                }
            }
        }); */
        
      	//平台动态swipe
        var slide4ContentBottomLeftSwipe = new Swiper('.slide2ContentBottomLeft', {
            spaceBetween : 50,
            speed : 1000,
            pagination : {
                el : '.slide2ContentBottomLeft-pagination',
                clickable : true
            },
            on : {
                init : function(){},
                slideChangeTransitionStart : function(){
                    var index = this.activeIndex;
                },
                slideChangeTransitionEnd : function(){
                    var index = this.activeIndex;
                }
            }
        });

        //权威解读swipe
        var slide4ContentBottomLeftSwipe = new Swiper('.slide4ContentBottomLeft', {
            spaceBetween : 50,
            speed : 1000,
            pagination : {
                el : '.slide4ContentBottomLeft-pagination',
                clickable : true
            },
            on : {
                init : function(){},
                slideChangeTransitionStart : function(){
                    var index = this.activeIndex;
                },
                slideChangeTransitionEnd : function(){
                    var index = this.activeIndex;
                }
            }
        });
        
        $.each(navigationItems, function(idx, ele){
        	if($(ele).hasClass("changeSwipe")){
	            $(ele).on("click", function(){
	                swipe.slideTo(idx);
	                $(this).addClass("active").siblings().removeClass("active");
	                if(idx == 5){
	                    $(".header").css("background", "url(image/dh_bg.png) 0 0 no-repeat");
	                } else {
	                    $(".header").css("background", "none");
	                }
	            });
        	}
        });
    })
</script>
</body>
</html>